<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <link rel="stylesheet" href="bootstrap.css"/>
    <link rel="stylesheet" href="bootstrap-theme.css"/>
    <script src="jquery-3.1.1.min.js"></script>
    <script type="text/javascript">
        $(function() {
            var search = {
                searchstr: function () {
                    search.clearstr;
                    var serarchText = $("#txtSearch").val();
                    var regExp = new RegExp(searchText, 'g');
                    if (searchText !== "") {
                        $("p").each(function () {
                            var newHTML = $(this).html().replace(regExp, '<span class="focus">' + searchText + '</span>');
                            $(this).html(newHTML);
                        });
                    }
                }, clearstr: function () {
                    $("p").each(function () {
                        $(this).find(".focus").each(function () {
                            $(this).replaceWith($(this).html());
                        });
                    });
                }
            }
            $("#btnSearch").bind("click",search.searchstr);
        })
    </script>
    <title>replace</title>
</head>
<body>
<div>
    <input id="txtSearch" type="text" class="txt"/>
    <input id="btnSearch" type="button" class="btn" value="查询"/>
</div>
<p>
    <span class="spn"></span>jQuery发布于2006年，在后续的版本升级中。。。<br/>
    <span class="spn"></span>为什么会有如此多的人钟爱jQuery，与其强大的功能是分不开的，止前...
</p>
</body>
</html>